body {
    padding-top: 56px;
    background-color: #f8f9fa;
}

.jumbotron {
    background-size: cover;
    background-position: center;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.card {
    transition: transform 0.3s ease;
    margin-bottom: 20px;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.card-img-top {
    object-fit: cover;
}

.vote-btn:disabled {
    cursor: not-allowed;
}

.table th {
    background-color: #f8f9fa;
}

.progress {
    background-color: #e9ecef;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .jumbotron {
        padding: 2rem 1rem;
    }

    .card-body {
        padding: 1rem;
    }
}